<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Vegetarian Restaurants in your Area</title>
    <script src="http://api.maps.nokia.com/2.1.1/jsl.js" type="text/javascript" charset="utf-8"></script>
    <script src="http://code.jquery.com/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="/js/jquery-ui-1.8.18.custom.min.js" type="text/javascript"></script>
    <script src="/js/map.js" type="text/javascript"></script>

    <link type="text/css" href="/css/ui-lightness/jquery-ui-1.8.18.custom.css" rel="Stylesheet" />
    <style>
      .ui-autocomplete-loading { background: white url('../images/ui-anim_basic_16x16.gif') right center no-repeat; }
    </style>
  </head>
  <body>
    <div class="geo" id="map" style="width:1200px; height:800px;">
      <%= erb :map_data, :locals => {:places => @places} %>
    </div>

    <script type="text/javascript">      
      $(document).ready(function(){ initializeMap() });
    </script>
  </body>
</html>

